<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head>
	<meta charset="UTF-8">
	<title>普惠商城-商城首页</title>
   <link rel="stylesheet" th:href="@{/css/index.css}"/>
    <link rel="stylesheet" th:href="@{/css/common.css}"/>
    <link rel="stylesheet" th:href="@{/layer/skin/default/layer.css}"/>
    <script th:src="@{/js/jquery-3.1.1.min.js}"></script>
    <script th:src="@{/layer/layer.js}"></script>



</head>
<body>
	<th:block th:each="memberData,memberDataStat:${memberList}">
		<!-- 顶部导航条开始 -->
		<div class="puhuishopping_common_titlelink" id="puhuishopping_common_titlelink">
			<!-- 导航条左部 -->
			<div class="centerbody">
				<div class="title_left">
					<span class="puhuishopping_common_city" id="puhuishopping_common_city">重庆</span><span class="puhuishopping_common_citychange" id="puhuishopping_common_citychange">[ 切换城市 ]</span>
				</div>	
			<!-- 导航条右部 /personal/loadPersonal -->
				<div class="title_right">
					<th:block th:if="${not #lists.isEmpty(memberData)}">
							您好&nbsp;&nbsp;,&nbsp;
							<a class="puhuishopping_common_wddd" th:href="@{/shopping/order/findOnlineOrders}" th:text="${memberData.memberName !='' and memberData.memberName!=null }?${memberData.memberName}:${memberData.memberPhone}"></a>
							<a onclick="logoutUser();" class="puhuishopping_common_hyzc">[退出]</a>
							<a th:href="@{/shopping/order/findOnlineOrders}" class="puhuishopping_common_wddd">我的订单</a>
							<!-- <a href="" class="puhuishopping_common_ydsc">移动商城</a> -->
							<div style="clear: both"></div>
					</th:block>
					<th:block th:if="${#lists.isEmpty(memberData)}">
							您好&nbsp;&nbsp;,&nbsp;
							<a th:href="@{/member/loadlogin}" class="puhuishopping_common_login" id="puhuishopping_common_login">请登录</a>
							<a th:href="@{/member/loadRegister}" class="puhuishopping_common_hyzc">会员注册</a>
							<a th:href="@{/member/loadlogin}" class="puhuishopping_common_wddd">我的订单</a>
							<!-- <a th:href="@{/member/loadlogin}" class="puhuishopping_common_ydsc">移动商城</a> -->
							<div style="clear: both"></div>
					</th:block>
				</div>
			</div>	
		</div>
		<!-- 顶部导航条结束 -->
		<!-- 顶部搜索栏部分开始 -->
		<div class="centerbody search">
			<a th:href="@{/}"><img th:src="@{/images/普惠logo最终版.png}" alt="" class="logo"></a>
			<div class="searchbox" style="visibility: hidden;">
				<input type="text"  class="searchtxt"><input type="button" class="searchbtn" value="搜索">
			</div>
			<input style="visibility: hidden;" type="button" class="my_shoplist"  id="my_shoplist" value="我的购物车">
			<th:block th:if="${not #lists.isEmpty(memberData)}">
				<a th:href="@{/shopping/order/findOnlineOrders}"><input type="button"  class="my_checklist" id="my_checklist" value="我的订单"></a>
			</th:block>
			<th:block th:if="${#lists.isEmpty(memberData)}">
				<a th:href="@{/member/loadlogin}"><input type="button"  class="my_checklist" id="my_checklist" value="我的订单"></a>
			</th:block>
			<div style="clear: both"></div>
		</div>
	</th:block>
	<!-- 顶部商品分类和一级菜单 -->
	<div class="centerbody bannerlist">
		<div class="listleft"><p  class="ListType">商品分类</p>
			<ul class="listbox" >
				<li  th:each="shopping,shoppingStat:${shoppingList}"  th:if="${not #lists.isEmpty(shoppingList)}" >
					<a th:href="${shopping.class1}" ><span th:text="${shopping.classifyName}" th:id="${shopping.id}" ></span></a>
				</li>
			</ul>
		</div>
		<div class="listright">
			<a href="">首页</a>
			<a href="">普惠特色</a>
			<a href="">服装美妆</a>
			<a href="">家电手机</a>
			<a href="">电脑数码</a>
			<a href="">食品生鲜</a>
			<a href="">母婴玩具</a>
		</div>
		<div style="clear: both"></div>
	</div>
	<!-- 广告图滚动 -->
	<div class="adbox">
			<div>
				<a href="javascript:void(0);" class="picbox"><img th:src="@{/images/new/baner/首页banner1.jpg}" alt="" ></a>
				<a href="javascript:void(0);" class="picbox"><img th:src="@{/images/new/baner/首页banner2.jpg}" alt=""></a>
			</div>
		
			<ul>
				<li></li>
				<li></li>
			</ul>
	</div>
	<!-- 普惠特色 -->
	<div class="centerbody phts louceng"  id="divList0" th:value="0">
		<div class="phts_title">
			<span class="phts_title_line left"></span>
			<span>● 普惠特色 ●</span>
			<span class="phts_title_line right"></span>
			<div style="clear: both"></div>
		</div>
		<div class="phts_list">
			<img th:src="@{/images/new/ts/普惠特色280x160-1.jpg}"  alt="" class="phts_list_1"/>
			<img th:src="@{/images/new/ts/普惠特色280x160-2.jpg}"  alt="" class="phts_list_2"/>
			<img th:src="@{/images/new/ts/普惠特色280x160-3.jpg}"  alt="" class="phts_list_3"/>
			<img th:src="@{/images/new/ts/普惠特色280x160-4.jpg}"  alt="" class="phts_list_4"/>
			<img th:src="@{/images/new/ts/普惠特色280x160-5.jpg}"  alt="" class="phts_list_5"/>
			<img th:src="@{/images/new/ts/普惠特色280x160-6.jpg}"  alt="" class="phts_list_6"/>
			<img th:src="@{/images/new/ts/普惠特色280x160-7.jpg}"  alt="" class="phts_list_7"/>
			<img th:src="@{/images/new/ts/普惠特色280x160-8.jpg}"  alt="" class="phts_list_8"/>
			<div style="clear: both"></div>
		</div>
	</div>
<!-- 商品展示区 -->
<div class="centerbody" >
<th:block th:each="shopping,shoppingStat:${shoppingList}" th:if="${not #lists.isEmpty(shoppingList)}"> 
<!-- 服装美妆 -->
<!-- 取所有类别 -->
	<div class="louceng" th:if="${shoppingStat.index eq 0}" th:id="'divList'+${shoppingStat.index+1}" th:value="${shoppingStat.index+1}">
	<!-- 取第一条类别名-->
		<div class="fzmz title" th:text="${shopping.classifyName}" th:id="${shopping.id}" ></div>
			<div class="goodsbody-big" >
				<div class="goods-left">
					<div class="goods-up">
					<div  th:each="ejVoList,ejVoListStat:${shopping.phProductClassifyVoList}" th:if="${not #lists.isEmpty(shopping.phProductClassifyVoList)} and ${ejVoListStat.index eq 0}">
						<a class="goods-big" href="" th:id="${ejVoList.id}"><img th:src="@{/images/new/yjfl/1楼休闲时光-1.jpg}" alt=""></a>
						<div class="goods-big-right">
							<div  class="goods-big-right">
								<!--取三级下面的商品信息-->
								<div th:each="phProductVoList,phProductStat:${shopping.phProductVoList}" th:if="${not #lists.isEmpty(shopping.phProductVoList)} and ${phProductStat.index ge 0} and ${phProductStat.index le 3}">
									<!--取三级下面的商品图片信息-->
									<div th:each="phProductImageVoList,imStat:${phProductVoList.phProductImageVoList}" th:if="${not #lists.isEmpty(phProductVoList.phProductImageVoList)}" >
										<a class="goods-white border-right" onclick="onclickDateil(this.id);" th:id="${phProductVoList.id}" th:if="${imStat.index eq 0} and ${phProductStat.index eq 0}" >
											<img    th:src="@{${phProductImageVoList.url}?${phProductImageVoList.url}:''}" alt=""  >
										</a>
										<a class="goods-white border-bottom" onclick="onclickDateil(this.id);" th:id="${phProductVoList.id}" th:if="${imStat.index eq 0} and ${phProductStat.index eq 1}">
											<img    th:src="@{${phProductImageVoList.url}?${phProductImageVoList.url}:''}" alt="" >
										</a>
										<a class="goods-white border-top" onclick="onclickDateil(this.id);" th:id="${phProductVoList.id}" th:if="${imStat.index eq 0} and ${phProductStat.index eq 2}">
											<img     th:src="@{${phProductImageVoList.url}?${phProductImageVoList.url}:''}" alt="" >
										</a>
										<a class="goods-white border-left" onclick="onclickDateil(this.id);" th:id="${phProductVoList.id}" th:if="${imStat.index eq 0} and ${phProductStat.index eq 3}">
											<img    th:src="@{${phProductImageVoList.url}?${phProductImageVoList.url}:''}" alt="" >
										</a>
									</div>
								</div>
								</div>
							</div>
						</div>
					</div>
					<div >
						<a class="goods-down" th:each="ejVoList,ejVoListStat:${shopping.phProductClassifyVoList}" th:if="${not #lists.isEmpty(shopping.phProductClassifyVoList)} and ${ejVoListStat.index ge 1} and ${ejVoListStat.index le 3}" th:id="${ejVoList.id}" >
							<img th:src="@{${ejVoList.class1}}"  alt="">
						</a>
					</div>
				</div>
				<div class="goods-middle" ></div>
				<div class="goods-right" >
					<div  th:each="ejVoList,ejVoListStat:${shopping.phProductClassifyVoList}" th:if="${not #lists.isEmpty(shopping.phProductClassifyVoList)} and ${ejVoListStat.index eq 4}">
						<a class="goods-big" href="" th:id="${ejVoList.id}"><img th:src="@{/images/new/yjfl/1楼休闲时光-2.jpg}" alt=""></a>
						<div class="goods-big-right"  >
							<div  class="goods-big-right">
								<!--取三级下面的商品信息-->
								<div th:each="phProductVoList,phProductStat:${shopping.phProductVoList}" th:if="${not #lists.isEmpty(shopping.phProductVoList)} and ${phProductStat.index ge 4} and ${phProductStat.index le 7}">
									<!--取三级下面的商品图片信息-->
									<div th:each="phProductImageVoList,imStat:${phProductVoList.phProductImageVoList}" th:if="${not #lists.isEmpty(phProductVoList.phProductImageVoList)}" >
										<a class="goods-white border-right" onclick="onclickDateil(this.id);" th:id="${phProductVoList.id}" th:if="${imStat.index eq 0} and ${phProductStat.index eq 4}">
											<img    th:src="@{${phProductImageVoList.url}?${phProductImageVoList.url}:''}" alt=""  >
										</a>
										<a class="goods-white border-bottom" onclick="onclickDateil(this.id);" th:id="${phProductVoList.id}" th:if="${imStat.index eq 0} and ${phProductStat.index eq 5}" >
											<img    th:src="@{${phProductImageVoList.url}?${phProductImageVoList.url}:''}" alt="" >
										</a>
										<a class="goods-white border-top" onclick="onclickDateil(this.id);" th:id="${phProductVoList.id}" th:if="${imStat.index eq 0} and ${phProductStat.index eq 6}" >
											<img     th:src="@{${phProductImageVoList.url}?${phProductImageVoList.url}:''}" alt="" >
										</a>
										<a class="goods-white border-left" onclick="onclickDateil(this.id);" th:id="${phProductVoList.id}" th:if="${imStat.index eq 0} and ${phProductStat.index eq 7}" >
											<img    th:src="@{${phProductImageVoList.url}?${phProductImageVoList.url}:''}" alt="" >
										</a>
									</div>
								</div>
								</div>
							</div>
						</div>
						<div >
						<a class="goods-down" th:each="ejVoList,ejVoListStat:${shopping.phProductClassifyVoList}" th:if="${not #lists.isEmpty(shopping.phProductClassifyVoList)} and ${ejVoListStat.index ge 4} and ${ejVoListStat.index le 6}" th:id="${ejVoList.id}"  >
							<img th:src="@{${ejVoList.class1}}"  alt="">
						</a>
					</div>
				</div>
				<div style="clear:both;"></div>
			</div>
		</div>
		<!-- 家电手机 -->
	<div class="louceng" th:if="${shoppingStat.index eq 1}" th:id="'divList'+${shoppingStat.index+1}" th:value="${shoppingStat.index+1}">
		<div class="jdsj title" th:text="${shopping.classifyName}" th:id="${shopping.id}"></div>
		<div class="goodsbody-big" >
				<div class="goods-left">
					<div class="goods-up">
					<div  th:each="ejVoList,ejVoListStat:${shopping.phProductClassifyVoList}" th:if="${not #lists.isEmpty(shopping.phProductClassifyVoList)} and ${ejVoListStat.index eq 0}">
						<a class="goods-big" href="" th:id="${ejVoList.id}"><img th:src="@{/images/new/yjfl/2饮料饮品-1.jpg}" alt=""></a>
						<div class="goods-big-right"  >
							<div  class="goods-big-right">
								<!--取三级下面的商品信息-->
								<div th:each="phProductVoList,phProductStat:${shopping.phProductVoList}" th:if="${not #lists.isEmpty(shopping.phProductVoList)} and ${phProductStat.index ge 0} and ${phProductStat.index le 3}">
									<!--取三级下面的商品图片信息-->
									<div th:each="phProductImageVoList,imStat:${phProductVoList.phProductImageVoList}" th:if="${not #lists.isEmpty(phProductVoList.phProductImageVoList)}" >
										<a class="goods-white border-right" onclick="onclickDateil(this.id);" th:id="${phProductVoList.id}" th:if="${imStat.index eq 0} and ${phProductStat.index eq 0}" >
											<img    th:src="@{${phProductImageVoList.url}?${phProductImageVoList.url}:''}" alt=""  >
										</a>
										<a class="goods-white border-bottom" onclick="onclickDateil(this.id);" th:id="${phProductVoList.id}" th:if="${imStat.index eq 0} and ${phProductStat.index eq 1}" >
											<img    th:src="@{${phProductImageVoList.url}?${phProductImageVoList.url}:''}" alt="" >
										</a>
										<a class="goods-white border-top" onclick="onclickDateil(this.id);" th:id="${phProductVoList.id}" th:if="${imStat.index eq 0} and ${phProductStat.index eq 2}" >
											<img     th:src="@{${phProductImageVoList.url}?${phProductImageVoList.url}:''}" alt="" >
										</a>
										<a class="goods-white border-left" onclick="onclickDateil(this.id);" th:id="${phProductVoList.id}" th:if="${imStat.index eq 0} and ${phProductStat.index eq 3}" >
											<img    th:src="@{${phProductImageVoList.url}?${phProductImageVoList.url}:''}" alt="" >
										</a>
									</div>
								</div>
								</div>
							</div>
						</div>
					</div>
					<div >
						<a class="goods-down"  th:each="ejVoList,ejVoListStat:${shopping.phProductClassifyVoList}" th:if="${not #lists.isEmpty(shopping.phProductClassifyVoList)} and ${ejVoListStat.index ge 1} and ${ejVoListStat.index le 3}" th:id="${ejVoList.id}">
							<img th:src="@{${ejVoList.class1}}"  alt="">
						</a>
					</div>
				</div>
				<div class="goods-middle" ></div>
				<div class="goods-right" >
					<div  th:each="ejVoList,ejVoListStat:${shopping.phProductClassifyVoList}" th:if="${not #lists.isEmpty(shopping.phProductClassifyVoList)} and ${ejVoListStat.index eq 4}">
						<a class="goods-big" href="" th:id="${ejVoList.id}"><img th:src="@{/images/new/yjfl/2饮料饮品-2.jpg}" alt=""></a>
						<div class="goods-big-right"  >
							<div  class="goods-big-right">
								<!--取三级下面的商品信息-->
								<div th:each="phProductVoList,phProductStat:${shopping.phProductVoList}" th:if="${not #lists.isEmpty(shopping.phProductVoList)} and ${phProductStat.index ge 4} and ${phProductStat.index le 7}">
									<!--取三级下面的商品图片信息-->
									<div th:each="phProductImageVoList,imStat:${phProductVoList.phProductImageVoList}" th:if="${not #lists.isEmpty(phProductVoList.phProductImageVoList)}" >
										<a class="goods-white border-right" onclick="onclickDateil(this.id);" th:id="${phProductVoList.id}" th:if="${imStat.index eq 0} and ${phProductStat.index eq 4}" >
											<img    th:src="@{${phProductImageVoList.url}?${phProductImageVoList.url}:''}" alt=""  >
										</a>
										<a class="goods-white border-bottom" onclick="onclickDateil(this.id);" th:id="${phProductVoList.id}" th:if="${imStat.index eq 0} and ${phProductStat.index eq 5}" >
											<img    th:src="@{${phProductImageVoList.url}?${phProductImageVoList.url}:''}" alt="" >
										</a>
										<a class="goods-white border-top" onclick="onclickDateil(this.id);" th:id="${phProductVoList.id}" th:if="${imStat.index eq 0} and ${phProductStat.index eq 6}" >
											<img     th:src="@{${phProductImageVoList.url}?${phProductImageVoList.url}:''}" alt="" >
										</a>
										<a class="goods-white border-left" onclick="onclickDateil(this.id);" th:id="${phProductVoList.id}" th:if="${imStat.index eq 0} and ${phProductStat.index eq 7}" >
											<img    th:src="@{${phProductImageVoList.url}?${phProductImageVoList.url}:''}" alt="" >
										</a>
									</div>
								</div>
								</div>
							</div>
						</div>
						<div >
						<a class="goods-down" th:each="ejVoList,ejVoListStat:${shopping.phProductClassifyVoList}" th:if="${not #lists.isEmpty(shopping.phProductClassifyVoList)} and ${ejVoListStat.index ge 4} and ${ejVoListStat.index le 6}" th:id="${ejVoList.id}" >
							<img th:src="@{${ejVoList.class1}}"  alt="">
						</a>
					</div>
				</div>
				<div style="clear:both;"></div>
			</div>
		</div>
<!-- 爱车、阅读、生活旅行 -->
		<th:block th:if="${shoppingStat.index eq 2}">
			<div style="float: left;margin-top: 20px;"  class="louceng"  th:id="'divList'+${shoppingStat.index+1}" th:value="${shoppingStat.index+1}">
				<div class="ac title" th:text="${shopping.classifyName}" th:id="${shopping.id}"></div>
					<div class="goodsbody-small ac">
						<div class="goods-up">
							<th:block  th:each="ejVoList,ejVoListStat:${shopping.phProductClassifyVoList}" th:if="${not #lists.isEmpty(shopping.phProductClassifyVoList)} and ${ejVoListStat.index eq 0}">
							<a class="goods-big" href=""><img th:src="@{/images/new/yjfl/3家用电器-1.jpg}" alt=""></a>
							<div class="goods-big-right small-right">
							<!--取三级下面的商品信息-->
								<th:block th:each="phProductVoList,phProductStat:${shopping.phProductVoList}" th:if="${not #lists.isEmpty(shopping.phProductVoList)} and ${phProductStat.index ge 0} and ${phProductStat.index le 1}">
									<!--取三级下面的商品图片信息-->
									<th:block th:each="phProductImageVoList,imStat:${phProductVoList.phProductImageVoList}" th:if="${not #lists.isEmpty(phProductVoList.phProductImageVoList)}" >
										<a class="goods-white border-bottom" onclick="onclickDateil(this.id);" th:id="${phProductVoList.id}" th:if="${imStat.index eq 0} and ${phProductStat.index eq 0}" >
											<img    th:src="@{${phProductImageVoList.url}?${phProductImageVoList.url}:''}" alt=""  >
										</a>
										<a class="goods-white" onclick="onclickDateil(this.id);" th:id="${phProductVoList.id}" th:if="${imStat.index eq 0} and ${phProductStat.index eq 1}" >
											<img    th:src="@{${phProductImageVoList.url}?${phProductImageVoList.url}:''}" alt="" >
										</a>
									</th:block>
								</th:block>
							</div>
							</th:block>
						</div>
						<div>
							<th:block  th:each="ejVoList,ejVoListStat:${shopping.phProductClassifyVoList}" th:if="${not #lists.isEmpty(shopping.phProductClassifyVoList)} ">
								<a href="" class="small-down-position" th:if="${ejVoListStat.index eq 1}" th:id="${ejVoList.id}"><img th:src="@{/images/new/erji/three/one/01.jpg}" alt=""></a>
								<a href="" class="small-down-position" th:if="${ejVoListStat.index eq 2}" th:id="${ejVoList.id}"><img th:src="@{/images/new/erji/three/one/03.jpg}" alt=""></a>
							</th:block>
						</div>
				</div>
				
			</div>
			</th:block>
			<th:block th:if="${shoppingStat.index eq 3}">
				<div style="float: left;margin-top: 20px;">
				<div class="yd title" th:text="${shopping.classifyName}" th:id="${shopping.id}"></div>
					<div class="goodsbody-small yd">
						<div class="goods-up">
							<th:block  th:each="ejVoList,ejVoListStat:${shopping.phProductClassifyVoList}" th:if="${not #lists.isEmpty(shopping.phProductClassifyVoList)} and ${ejVoListStat.index eq 0}">
							<a class="goods-big" href=""><img th:src="@{/images/new/yjfl/3粮油副食-1.jpg}" alt=""></a>
							<div class="goods-big-right small-right">
							<!--取三级下面的商品信息-->
								<th:block th:each="phProductVoList,phProductStat:${shopping.phProductVoList}" th:if="${not #lists.isEmpty(shopping.phProductVoList)} and  ${phProductStat.index ge 0} and ${phProductStat.index le 1}">
									<!--取三级下面的商品图片信息-->
									<th:block th:each="phProductImageVoList,imStat:${phProductVoList.phProductImageVoList}" th:if="${not #lists.isEmpty(phProductVoList.phProductImageVoList)}" >
										<a class="goods-white border-bottom" onclick="onclickDateil(this.id);" th:id="${phProductVoList.id}" th:if="${imStat.index eq 0} and ${phProductStat.index eq 0}" >
											<img    th:src="@{${phProductImageVoList.url}?${phProductImageVoList.url}:''}" alt=""  >
										</a>
										<a class="goods-white" onclick="onclickDateil(this.id);" th:id="${phProductVoList.id}" th:if="${imStat.index eq 0} and ${phProductStat.index eq 1}" >
											<img    th:src="@{${phProductImageVoList.url}?${phProductImageVoList.url}:''}" alt="" >
										</a>
									</th:block>
								</th:block>
							</div>
							</th:block>
						</div>
						<div>
							<th:block  th:each="ejVoList,ejVoListStat:${shopping.phProductClassifyVoList}" th:if="${not #lists.isEmpty(shopping.phProductClassifyVoList)} ">
								<a href="" class="small-down-position" th:if="${ejVoListStat.index eq 1}" th:id="${ejVoList.id}"><img th:src="@{/images/new/erji/three/two/01.jpg}" alt=""></a>
								<a href="" class="small-down-position" th:if="${ejVoListStat.index eq 2}" th:id="${ejVoList.id}"><img th:src="@{/images/new/erji/three/two/02.jpg}" alt=""></a>
							</th:block>
						</div>
					</div>
				</div>
			</th:block>
			<th:block th:if="${shoppingStat.index eq 4}">
				<div style="float:left;margin-top: 20px;">
					<div class="shlx title" th:text="${shopping.classifyName}" th:id="${shopping.id}"></div>
					<div class="goodsbody-small shlx"  >
						<div class="goods-up">
							<th:block  th:each="ejVoList,ejVoListStat:${shopping.phProductClassifyVoList}" th:if="${not #lists.isEmpty(shopping.phProductClassifyVoList)} and ${ejVoListStat.index eq 0}">
							<a class="goods-big" href=""><img th:src="@{/images/new/yjfl/3生鲜水果-1.jpg}" alt=""></a>
							<div class="goods-big-right small-right">
							<!--取三级下面的商品信息-->
								<th:block th:each="phProductVoList,phProductStat:${shopping.phProductVoList}" th:if="${not #lists.isEmpty(shopping.phProductVoList)} and ${phProductStat.index ge 0} and ${phProductStat.index le 1}">
									<!--取三级下面的商品图片信息-->
									<th:block th:each="phProductImageVoList,imStat:${phProductVoList.phProductImageVoList}" th:if="${not #lists.isEmpty(phProductVoList.phProductImageVoList)}" >
										<a class="goods-white border-bottom" onclick="onclickDateil(this.id);" th:id="${phProductVoList.id}" th:if="${imStat.index eq 0} and ${phProductStat.index eq 0}" >
											<img    th:src="@{${phProductImageVoList.url}?${phProductImageVoList.url}:''}" alt=""  >
										</a>
										<a class="goods-white" onclick="onclickDateil(this.id);" th:id="${phProductVoList.id}" th:if="${imStat.index eq 0} and ${phProductStat.index eq 1}" >
											<img    th:src="@{${phProductImageVoList.url}?${phProductImageVoList.url}:''}" alt="" >
										</a>
									</th:block>
								</th:block>
							</div>
							</th:block>
						</div>
						<div>
							<th:block  th:each="ejVoList,ejVoListStat:${shopping.phProductClassifyVoList}" th:if="${not #lists.isEmpty(shopping.phProductClassifyVoList)} ">
								<a href="" class="small-down-position" th:if="${ejVoListStat.index eq 1}" th:id="${ejVoList.id}"><img th:src="@{/images/new/erji/three/three/01.jpg}" alt=""></a>
								<a href="" class="small-down-position" th:if="${ejVoListStat.index eq 2}" th:id="${ejVoList.id}"><img th:src="@{/images/new/erji/three/three/02.jpg}" alt=""></a>
							</th:block>
						</div>
					</div>
				</div>
			<div style="clear: both;"></div>
			</th:block>
<!-- 电脑数码 -->
<div class="louceng" th:if="${shoppingStat.index eq 5}" th:id="'divList'+${shoppingStat.index+1}" th:value="${shoppingStat.index+1}">
	<div class="dnsm title" th:text="${shopping.classifyName}" th:id="${shopping.id}"></div>
		<div class="goodsbody-big" >
				<div class="goods-left">
					<div class="goods-up">
					<div  th:each="ejVoList,ejVoListStat:${shopping.phProductClassifyVoList}" th:if="${not #lists.isEmpty(shopping.phProductClassifyVoList)} and ${ejVoListStat.index eq 0}">
						<a class="goods-big" href="" th:id="${ejVoList.id}"><img th:src="@{/images/new/yjfl/4生活日用-1.jpg}" alt=""></a>
						<div class="goods-big-right"  >
							<div  class="goods-big-right">
								<!--取三级下面的商品信息-->
								<div th:each="phProductVoList,phProductStat:${shopping.phProductVoList}" th:if="${not #lists.isEmpty(shopping.phProductVoList)} and ${phProductStat.index ge 0} and ${phProductStat.index le 3}">
									<!--取三级下面的商品图片信息-->
									<div th:each="phProductImageVoList,imStat:${phProductVoList.phProductImageVoList}" th:if="${not #lists.isEmpty(phProductVoList.phProductImageVoList)}" >
										<a class="goods-white border-right" onclick="onclickDateil(this.id);" th:id="${phProductVoList.id}" th:if="${imStat.index eq 0} and ${phProductStat.index eq 0}" >
											<img    th:src="@{${phProductImageVoList.url}?${phProductImageVoList.url}:''}" alt=""  >
										</a>
										<a class="goods-white border-bottom" onclick="onclickDateil(this.id);" th:id="${phProductVoList.id}" th:if="${imStat.index eq 0} and ${phProductStat.index eq 1}" >
											<img    th:src="@{${phProductImageVoList.url}?${phProductImageVoList.url}:''}" alt="" >
										</a>
										<a class="goods-white border-top" onclick="onclickDateil(this.id);" th:id="${phProductVoList.id}" th:if="${imStat.index eq 0} and ${phProductStat.index eq 2}" >
											<img     th:src="@{${phProductImageVoList.url}?${phProductImageVoList.url}:''}" alt="" >
										</a>
										<a class="goods-white border-left" onclick="onclickDateil(this.id);" th:id="${phProductVoList.id}" th:if="${imStat.index eq 0} and ${phProductStat.index eq 3}" >
											<img    th:src="@{${phProductImageVoList.url}?${phProductImageVoList.url}:''}" alt="" >
										</a>
									</div>
								</div>
								</div>
							</div>
						</div>
					</div>
					<div >
						<a class="goods-down"  th:each="ejVoList,ejVoListStat:${shopping.phProductClassifyVoList}" th:if="${not #lists.isEmpty(shopping.phProductClassifyVoList)} and ${ejVoListStat.index ge 1} and ${ejVoListStat.index le 3}" th:id="${ejVoList.id}" >
							<img th:src="@{${ejVoList.class1}}"  alt="">
						</a>
					</div>
				</div>
				<div class="goods-middle" ></div>
				<div class="goods-right" >
					<div  th:each="ejVoList,ejVoListStat:${shopping.phProductClassifyVoList}" th:if="${not #lists.isEmpty(shopping.phProductClassifyVoList)} and ${ejVoListStat.index eq 4}">
						<a class="goods-big" href="" th:id="${ejVoList.id}"><img th:src="@{/images/new/yjfl/4生活日用-2.jpg}" alt=""></a>
						<div class="goods-big-right"  >
							<div  class="goods-big-right">
								<!--取三级下面的商品信息-->
								<div th:each="phProductVoList,phProductStat:${shopping.phProductVoList}" th:if="${not #lists.isEmpty(shopping.phProductVoList)} and ${phProductStat.index ge 4} and ${phProductStat.index le 7}">
									<!--取三级下面的商品图片信息-->
									<div th:each="phProductImageVoList,imStat:${phProductVoList.phProductImageVoList}" th:if="${not #lists.isEmpty(phProductVoList.phProductImageVoList)}" >
										<a class="goods-white border-right" onclick="onclickDateil(this.id);" th:id="${phProductVoList.id}" th:if="${imStat.index eq 0} and ${phProductStat.index eq 4}" >
											<img    th:src="@{${phProductImageVoList.url}?${phProductImageVoList.url}:''}" alt=""  >
										</a>
										<a class="goods-white border-bottom" onclick="onclickDateil(this.id);" th:id="${phProductVoList.id}" th:if="${imStat.index eq 0} and ${phProductStat.index eq 5}" >
											<img    th:src="@{${phProductImageVoList.url}?${phProductImageVoList.url}:''}" alt="" >
										</a>
										<a class="goods-white border-top" onclick="onclickDateil(this.id);" th:id="${phProductVoList.id}" th:if="${imStat.index eq 0} and ${phProductStat.index eq 6}" >
											<img     th:src="@{${phProductImageVoList.url}?${phProductImageVoList.url}:''}" alt="" >
										</a>
										<a class="goods-white border-left" onclick="onclickDateil(this.id);" th:id="${phProductVoList.id}" th:if="${imStat.index eq 0} and ${phProductStat.index eq 7}" >
											<img    th:src="@{${phProductImageVoList.url}?${phProductImageVoList.url}:''}" alt="" >
										</a>
									</div>
								</div>
								</div>
							</div>
						</div>
						<div >
						<a class="goods-down" th:each="ejVoList,ejVoListStat:${shopping.phProductClassifyVoList}" th:if="${not #lists.isEmpty(shopping.phProductClassifyVoList)} and ${ejVoListStat.index ge 4} and ${ejVoListStat.index le 6}" th:id="${ejVoList.id}">
							<img th:src="@{${ejVoList.class1}}"  alt="">
						</a>
					</div>
				</div>
				<div style="clear:both;"></div>
			</div>
		</div>
<!-- 食品生鲜 -->
<div class="louceng" th:if="${shoppingStat.index  eq 6}" th:id="'divList'+${shoppingStat.index+1}" th:value="${shoppingStat.index+1}">
	<div class="spsx title" th:text="${shopping.classifyName}" th:id="${shopping.id}"></div>
		<div class="goodsbody-big" >
				<div class="goods-left">
					<div class="goods-up">
					<div  th:each="ejVoList,ejVoListStat:${shopping.phProductClassifyVoList}" th:if="${not #lists.isEmpty(shopping.phProductClassifyVoList)} and ${ejVoListStat.index eq 0}">
						<a class="goods-big" href="" th:id="${ejVoList.id}"><img th:src="@{/images/new/yjfl/5美妆个护-1.jpg}" alt=""></a>
						<div class="goods-big-right"  >
							<div  class="goods-big-right">
								<!--取三级下面的商品信息-->
								<div th:each="phProductVoList,phProductStat:${shopping.phProductVoList}" th:if="${not #lists.isEmpty(shopping.phProductVoList)} and ${phProductStat.index ge 0} and ${phProductStat.index le 3}">
									<!--取三级下面的商品图片信息-->
									<div th:each="phProductImageVoList,imStat:${phProductVoList.phProductImageVoList}" th:if="${not #lists.isEmpty(phProductVoList.phProductImageVoList)}" >
										<a class="goods-white border-right" onclick="onclickDateil(this.id);" th:id="${phProductVoList.id}" th:if="${imStat.index eq 0} and ${phProductStat.index eq 0}" >
											<img    th:src="@{${phProductImageVoList.url}?${phProductImageVoList.url}:''}" alt=""  >
										</a>
										<a class="goods-white border-bottom" onclick="onclickDateil(this.id);" th:id="${phProductVoList.id}" th:if="${imStat.index eq 0} and ${phProductStat.index eq 1}" >
											<img    th:src="@{${phProductImageVoList.url}?${phProductImageVoList.url}:''}" alt="" >
										</a>
										<a class="goods-white border-top" onclick="onclickDateil(this.id);" th:id="${phProductVoList.id}" th:if="${imStat.index eq 0} and ${phProductStat.index eq 2}" >
											<img     th:src="@{${phProductImageVoList.url}?${phProductImageVoList.url}:''}" alt="" >
										</a>
										<a class="goods-white border-left" onclick="onclickDateil(this.id);" th:id="${phProductVoList.id}" th:if="${imStat.index eq 0} and ${phProductStat.index eq 3}" >
											<img    th:src="@{${phProductImageVoList.url}?${phProductImageVoList.url}:''}" alt="" >
										</a>
									</div>
								</div>
								</div>
							</div>
						</div>
					</div>
					<div >
						<a class="goods-down" th:each="ejVoList,ejVoListStat:${shopping.phProductClassifyVoList}" th:if="${not #lists.isEmpty(shopping.phProductClassifyVoList)} and ${ejVoListStat.index ge 1} and ${ejVoListStat.index le 3}" th:id="${ejVoList.id}">
							<img th:src="@{${ejVoList.class1}}"  alt="">
						</a>
					</div>
				</div>

				<div class="goods-middle"></div>
				<div class="goods-right">
					<div  th:each="ejVoList,ejVoListStat:${shopping.phProductClassifyVoList}" th:if="${not #lists.isEmpty(shopping.phProductClassifyVoList)} and ${ejVoListStat.index eq 4}">
						<div class="goods-up" >
							<a class="goods-big spsxbigpic big1" href="" th:id="${ejVoList.id}"><img th:src="@{/images/new/yjfl/5美妆个护-2.jpg}" alt="" class="spsxbigpic"></a>
							<div class="goods-big-right">
								<a class="goods-big spsxbigpic big2" href="" th:id="${ejVoList.id}"><img th:src="@{/images/new/yjfl/5美妆个护-3.jpg}" alt="" class="spsxbigpic"></a>
								<!--取三级下面的商品信息-->
								<div th:each="phProductVoList,phProductStat:${shopping.phProductVoList}" th:if="${not #lists.isEmpty(shopping.phProductVoList)} and ${phProductStat.index ge 4} and ${phProductStat.index le 5}">
									<!--取三级下面的商品图片信息-->
									<div th:each="phProductImageVoList,imStat:${phProductVoList.phProductImageVoList}" th:if="${not #lists.isEmpty(phProductVoList.phProductImageVoList)}" >
										<a class="goods-white border-bottom" onclick="onclickDateil(this.id);" th:id="${phProductVoList.id}" th:if="${imStat.index eq 0} and ${phProductStat.index eq 4}" >
											<img    th:src="@{${phProductImageVoList.url}?${phProductImageVoList.url}:''}" alt=""  >
										</a>
										<a class="goods-white" onclick="onclickDateil(this.id);" th:id="${phProductVoList.id}" th:if="${imStat.index eq 0} and ${phProductStat.index eq 5}" >
											<img    th:src="@{${phProductImageVoList.url}?${phProductImageVoList.url}:''}" alt="" >
										</a>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div >
						<a class="goods-down" th:each="ejVoList,ejVoListStat:${shopping.phProductClassifyVoList}" th:if="${not #lists.isEmpty(shopping.phProductClassifyVoList)} and ${ejVoListStat.index ge 5} and ${ejVoListStat.index le 7}" th:id="${ejVoList.id}" >
							<img th:src="@{${ejVoList.class1}}"  alt="">
						</a>
					</div>
				</div>
				<div style="clear:both;"></div>
			</div>
	</div>
<!-- 母婴玩具 -->
<div class="louceng" th:if="${shoppingStat.index eq 7}" th:id="'divList'+${shoppingStat.index+1}" th:value="${shoppingStat.index+1}">
	<div class="mywj title" th:text="${shopping.classifyName}" th:id="${shopping.id}"></div>
		<div class="goodsbody-big" >
				<div class="goods-left">
					<div class="goods-up">
					<div  th:each="ejVoList,ejVoListStat:${shopping.phProductClassifyVoList}" th:if="${not #lists.isEmpty(shopping.phProductClassifyVoList)} and ${ejVoListStat.index eq 0}">
						<a class="goods-big" href="" th:id="${ejVoList.id}"><img th:src="@{/images/new/yjfl/6母婴亲子-1.jpg}" alt=""></a>
						<div class="goods-big-right"  >
							<div  class="goods-big-right">
								<!--取三级下面的商品信息-->
								<div th:each="phProductVoList,phProductStat:${shopping.phProductVoList}" th:if="${not #lists.isEmpty(shopping.phProductVoList)} and ${phProductStat.index ge 0} and ${phProductStat.index le 3}">
									<!--取三级下面的商品图片信息-->
									<div th:each="phProductImageVoList,imStat:${phProductVoList.phProductImageVoList}" th:if="${not #lists.isEmpty(phProductVoList.phProductImageVoList)}" >
										<a class="goods-white border-right" onclick="onclickDateil(this.id);" th:id="${phProductVoList.id}" th:if="${imStat.index eq 0} and ${phProductStat.index eq 0}" >
											<img    th:src="@{${phProductImageVoList.url}?${phProductImageVoList.url}:''}" alt=""  >
										</a>
										<a class="goods-white border-bottom" onclick="onclickDateil(this.id);" th:id="${phProductVoList.id}" th:if="${imStat.index eq 0} and ${phProductStat.index eq 1}" >
											<img    th:src="@{${phProductImageVoList.url}?${phProductImageVoList.url}:''}" alt="" >
										</a>
										<a class="goods-white border-top" onclick="onclickDateil(this.id);" th:id="${phProductVoList.id}" th:if="${imStat.index eq 0} and ${phProductStat.index eq 2}" >
											<img     th:src="@{${phProductImageVoList.url}?${phProductImageVoList.url}:''}" alt="" >
										</a>
										<a class="goods-white border-left" onclick="onclickDateil(this.id);" th:id="${phProductVoList.id}" th:if="${imStat.index eq 0} and ${phProductStat.index eq 3}" >
											<img    th:src="@{${phProductImageVoList.url}?${phProductImageVoList.url}:''}" alt="" >
										</a>
									</div>
								</div>
								</div>
							</div>
						</div>
					</div>
					<div >
						<a class="goods-down" th:each="ejVoList,ejVoListStat:${shopping.phProductClassifyVoList}" th:if="${not #lists.isEmpty(shopping.phProductClassifyVoList)} and ${ejVoListStat.index ge 1} and ${ejVoListStat.index le 3}" th:id="${ejVoList.id}">
							<img th:src="@{${ejVoList.class1}}"  alt="">
						</a>
					</div>
				</div>
				<div class="goods-middle" ></div>
				<div class="goods-right" >
					<div  th:each="ejVoList,ejVoListStat:${shopping.phProductClassifyVoList}" th:if="${not #lists.isEmpty(shopping.phProductClassifyVoList)} and ${ejVoListStat.index eq 4}">
						<a class="goods-big" href="" th:id="${ejVoList.id}"><img th:src="@{/images/new/yjfl/6母婴亲子-2.jpg}" alt=""></a>
						<div class="goods-big-right"  >
							<div  class="goods-big-right">
								<!--取三级下面的商品信息-->
								<div th:each="phProductVoList,phProductStat:${shopping.phProductVoList}" th:if="${not #lists.isEmpty(shopping.phProductVoList)} and ${phProductStat.index ge 4} and ${phProductStat.index le 7}">
									<!--取三级下面的商品图片信息-->
									<div th:each="phProductImageVoList,imStat:${phProductVoList.phProductImageVoList}" th:if="${not #lists.isEmpty(phProductVoList.phProductImageVoList)}" >
										<a class="goods-white border-right" onclick="onclickDateil(this.id);" th:id="${phProductVoList.id}" th:if="${imStat.index eq 0} and ${phProductStat.index eq 4}" >
											<img    th:src="@{${phProductImageVoList.url}?${phProductImageVoList.url}:''}" alt=""  >
										</a>
										<a class="goods-white border-bottom" onclick="onclickDateil(this.id);" th:id="${phProductVoList.id}" th:if="${imStat.index eq 0} and ${phProductStat.index eq 5}" >
											<img    th:src="@{${phProductImageVoList.url}?${phProductImageVoList.url}:''}" alt="" >
										</a>
										<a class="goods-white border-top" onclick="onclickDateil(this.id);" th:id="${phProductVoList.id}" th:if="${imStat.index eq 0} and ${phProductStat.index eq 6}" >
											<img     th:src="@{${phProductImageVoList.url}?${phProductImageVoList.url}:''}" alt="" >
										</a>
										<a class="goods-white border-left" onclick="onclickDateil(this.id);" th:id="${phProductVoList.id}" th:if="${imStat.index eq 0} and ${phProductStat.index eq 7}" >
											<img    th:src="@{${phProductImageVoList.url}?${phProductImageVoList.url}:''}" alt="" >
										</a>
									</div>
								</div>
								</div>
							</div>
						</div>
						<div >
						<a class="goods-down"   th:each="ejVoList,ejVoListStat:${shopping.phProductClassifyVoList}" th:if="${not #lists.isEmpty(shopping.phProductClassifyVoList)} and ${ejVoListStat.index ge 4} and ${ejVoListStat.index le 6}" th:id="${ejVoList.id}">
							<img th:src="@{${ejVoList.class1}}"  alt="">
						</a>
					</div>
				</div>
				<div style="clear:both;"></div>
			</div>
	</div>
	</th:block>
	<!-- 普惠商户 -->
	<div class="louceng" th:id="'divList'+${#lists.size(shoppingList)+1}" th:value="${#lists.size(shoppingList)+1}">
	<div class="phsh title" >普惠商户</div>
		<div class="goodsbody-big phsh_list">
			<ul>
				<li>
					<img th:src="@{/images/phsh/6.jpg}" alt="">
					<p class="phsh_title">好兆头橱柜</p>
					<p class="phsh_tel">联系电话：13130542601</p>
					<p class="phsh_address">商户地址：重庆市渝北区空港新城小学校旁</p>
				</li>
				<li>
					<img th:src="@{/images/phsh/4.jpg}" alt="">	
					<p class="phsh_title">潘朵拉的美妆盒</p>
					<p class="phsh_tel">联系电话：13502342988</p>
					<p class="phsh_address">商户地址：重庆市渝北区金开大道人和协信星光天地1楼</p>
				</li>
				<li>
					<img th:src="@{/images/phsh/5.jpg}" alt="">	
					<p class="phsh_title">勇往直前户外</p>
					<p class="phsh_tel">联系电话：13420310368</p>
					<p class="phsh_address">商户地址：重庆市江北区观音桥金源不夜城（华谊兄弟影城旁）</p>
				</li>
				<li>
					<img th:src="@{/images/phsh/11.jpg}" alt="">	
					<p class="phsh_title">开心宝贝孕婴</p>
					<p class="phsh_tel">联系电话：18736524637</p>
					<p class="phsh_address">商户地址：重庆市渝中区中山二路文化宫斜对面</p>
				</li>
				<li>
					<img th:src="@{/images/phsh/1421049918154.jpg}" alt="">	
					<p class="phsh_title">江南布衣</p>
					<p class="phsh_tel">联系电话：18920340655</p>
					<p class="phsh_address">商户地址：重庆市江北区金源时代购物广场1楼</p>
				</li>
				<li>
					<img th:src="@{/images/phsh/20150318121134728.jpg}" alt="">	
					<p class="phsh_title">古道茶馆</p>
					<p class="phsh_tel">联系电话：13630238708</p>
					<p class="phsh_address">商户地址：重庆市渝中区袁家岗中新城上城1栋1楼</p>
				</li>
				<li>
					<img th:src="@{/images/phsh/20160727141835513551.jpg}" alt="">	
					<p class="phsh_title">人人图书</p>
					<p class="phsh_tel">联系电话：15800359688</p>
					<p class="phsh_address">商户地址：重庆市南岸区南坪步行街108号</p>
				</li>
				<li>
					<img th:src="@{/images/phsh/巴黎花店.jpg}" alt="">	
					<p class="phsh_title">伊帘幽梦</p>
					<p class="phsh_tel">联系电话：17736002503</p>
					<p class="phsh_address">商户地址：重庆市沙坪坝区沙正街168号</p>
				</li>
			</ul>
		</div>
	</div>
</div>
<!-- 浏览记录 -->
	<!-- <div class="centerbody lljl">
		<div class="lljl_title">
			<span class="lljl_title_line left"></span>
			<span>● 浏览记录 ●</span>
			<span class="lljl_title_line right"></span>
			<div style="clear: both"></div>
		</div>

	</div>
	<div class="centerbody lljl-body">
		<li class="lljl-box">
			<img th:src="@{/images/浏览记录-样图.png}" alt="" class="lljl_pic">
			<span class="lljl_detail">小米（MI） 小米手环2代 心率监测 智能运动跑步计步器 男女防</span><span class="lljl_price">¥199</span>
			<input type="button" value="加入购物车" class="lljl_addbtn">
		</li>
		<li class="lljl-box"><img th:src="@{/images/浏览记录-样图.png}" alt="" class="lljl_pic">
			<span class="lljl_detail">小米（MI） 小米手环2代 心率监测 智能运动跑步计步器 男女防</span><span class="lljl_price">¥199</span>
			<input type="button" value="加入购物车" class="lljl_addbtn"></li>
		<li class="lljl-box"><img th:src="@{/images/浏览记录-样图.png}" alt="" class="lljl_pic">
			<span class="lljl_detail">小米（MI） 小米手环2代 心率监测 智能运动跑步计步器 男女防</span><span class="lljl_price">¥199</span>
			<input type="button" value="加入购物车" class="lljl_addbtn"></li>
		<li class="lljl-box"><img th:src="@{/images/浏览记录-样图.png}" alt="" class="lljl_pic">
			<span class="lljl_detail">小米（MI） 小米手环2代 心率监测 智能运动跑步计步器 男女防</span><span class="lljl_price">¥199</span>
			<input type="button" value="加入购物车" class="lljl_addbtn"></li>
		<li class="lljl-box"><img th:src="@{/images/浏览记录-样图.png}" alt="" class="lljl_pic">
			<span class="lljl_detail">小米（MI） 小米手环2代 心率监测 智能运动跑步计步器 男女防</span><span class="lljl_price">¥199</span>
			<input type="button" value="加入购物车" class="lljl_addbtn"></li>
		<li class="lljl-box"><img th:src="@{/images/浏览记录-样图.png}" alt="" class="lljl_pic">
			<span class="lljl_detail">小米（MI） 小米手环2代 心率监测 智能运动跑步计步器 男女防</span><span class="lljl_price">¥199</span>
			<input type="button" value="加入购物车" class="lljl_addbtn"></li>
		<li class="lljl-box"><img th:src="@{/images/浏览记录-样图.png}" alt="" class="lljl_pic">
			<span class="lljl_detail">小米（MI） 小米手环2代 心率监测 智能运动跑步计步器 男女防</span><span class="lljl_price">¥199</span>
			<input type="button" value="加入购物车" class="lljl_addbtn"></li>
		<li class="lljl-box"><img th:src="@{/images/浏览记录-样图.png}" alt="" class="lljl_pic">
			<span class="lljl_detail">小米（MI） 小米手环2代 心率监测 智能运动跑步计步器 男女防</span><span class="lljl_price">¥199</span>
			<input type="button" value="加入购物车" class="lljl_addbtn"></li>
		<li class="lljl-box"><img th:src="@{/images/浏览记录-样图.png}" alt="" class="lljl_pic">
			<span class="lljl_detail">小米（MI） 小米手环2代 心率监测 智能运动跑步计步器 男女防</span><span class="lljl_price">¥199</span>
			<input type="button" value="加入购物车" class="lljl_addbtn"></li>
		<li class="lljl-box"><img th:src="@{/images/浏览记录-样图.png}" alt="" class="lljl_pic">
			<span class="lljl_detail">小米（MI） 小米手环2代 心率监测 智能运动跑步计步器 男女防</span><span class="lljl_price">¥199</span>
			<input type="button" value="加入购物车" class="lljl_addbtn"></li>
		<li class="lljl-box"><img th:src="@{/images/浏览记录-样图.png}" alt="" class="lljl_pic">
			<span class="lljl_detail">小米（MI） 小米手环2代 心率监测 智能运动跑步计步器 男女防</span><span class="lljl_price">¥199</span>
			<input type="button" value="加入购物车" class="lljl_addbtn"></li>
		<li class="lljl-box"><img th:src="@{/images/浏览记录-样图.png}" alt="" class="lljl_pic">
			<span class="lljl_detail">小米（MI） 小米手环2代 心率监测 智能运动跑步计步器 男女防</span><span class="lljl_price">¥199</span>
			<input type="button" value="加入购物车" class="lljl_addbtn"></li>
		<li class="lljl-box"><img th:src="@{/images/浏览记录-样图.png}" alt="" class="lljl_pic">
			<span class="lljl_detail">小米（MI） 小米手环2代 心率监测 智能运动跑步计步器 男女防</span><span class="lljl_price">¥199</span>
			<input type="button" value="加入购物车" class="lljl_addbtn"></li>
		<li class="lljl-box"><img th:src="@{/images/浏览记录-样图.png}" alt="" class="lljl_pic">
			<span class="lljl_detail">小米（MI） 小米手环2代 心率监测 智能运动跑步计步器 男女防</span><span class="lljl_price">¥199</span>
			<input type="button" value="加入购物车" class="lljl_addbtn"></li>
		<li class="lljl-box"><img th:src="@{/images/浏览记录-样图.png}" alt="" class="lljl_pic">
			<span class="lljl_detail">小米（MI） 小米手环2代 心率监测 智能运动跑步计步器 男女防</span><span class="lljl_price">¥199</span>
			<input type="button" value="加入购物车" class="lljl_addbtn"></li>
	</div> -->
<!-- 页面底部 -->
	<div class="foot-banner">
		<div class="mod_help_list">
			<div class="mod_help_nav">
				<span class="mod_help_nav_tit">帮助中心</span>
					<ul class="mod_help_nav_con">
						<li><a href="" target="_blank" clstag="">购物中心</a></li>
						<li><a href="" target="_blank" clstag="">配送中心</a></li>
						<li><a href="" target="_blank" clstag="">支付中心</a></li>
						<li><a href="" target="_blank" clstag="">常见问题</a></li>
					</ul>
			</div>
			<div class="mod_help_nav">
				<span class="mod_help_nav_tit">售后服务</span>
					<ul class="mod_help_nav_con">
						<li><a href="" target="_blank" clstag="">退换货政策</a></li>
						<li><a href="" target="_blank" clstag="">退换货流程</a></li>
					</ul>
			</div>
			<div class="mod_help_nav">
				<span class="mod_help_nav_tit">关于我们</span>
					<ul class="mod_help_nav_con">
						<li><a href="" target="_blank" clstag="">公司介绍</a></li>
						<li><a href="" target="_blank" clstag="">普惠商城简介</a></li>
						<li><a href="" target="_blank" clstag="">联系客服</a></li>
					</ul>
			</div>
			<div class="mod_help_nav">
				<span class="mod_help_nav_tit">支付方式</span>
					<ul class="mod_help_nav_con">
						<li><a href="" target="_blank" clstag="">微信支付</a></li>
						<li><a href="" target="_blank" clstag="">支付宝支付</a></li>

					</ul>
			</div>
		</div>	
		<div class="copyright">
			<p>©2016北京普惠联盟商贸有限公司 puhui315.com 京ICP证070791号|京ICP备10211739号|电子公告服务规则</p>
			<p>电子商务经营许可证(京)字第03889号</p>
			<p>京公网安备11010502025545号</p>
			<p style="height: 34px;width:350px;margin:17px auto 25px">
			<a href="" class="outlink link-space"><img th:src="@{/images/foot-1.png}" alt=""></a>
			<a href="" class="outlink link-space"><img th:src="@{/images/foot-2.png}" alt=""></a>
			<a href="" class="outlink"><img th:src="@{/images/foot-3.png}" alt=""></a>
			</p>
		</div>

	</div>
<!-- 浮动导航栏 -->
	<div class="float-nav">
		<ul>
				<li id="divLi0" th:value="0"><a>普惠特色</a></li>
			<th:block th:each="shopping,shoppingStat:${shoppingList}" th:if="${not #lists.isEmpty(shoppingList)}"> 
				<th:block th:if="${shoppingStat.index eq 0}"> 
					<li th:id="'divLi'+${shoppingStat.index +1}" th:value="${shoppingStat.index +1}"><a th:text="${shopping.classifyName}" th:id="${shopping.id}"></a></li>
				</th:block>
				<th:block th:if="${shoppingStat.index eq 1}">
					<li th:id="'divLi'+${shoppingStat.index +1}" th:value="${shoppingStat.index +1}"><a th:text="${shopping.classifyName}" th:id="${shopping.id}"></a></li>
				</th:block>	
				<th:block th:if="${shoppingStat.index eq 2}">
					<li th:id="'divLi'+${shoppingStat.index +1}" th:value="${shoppingStat.index +1}"><a th:text="${shopping.classifyName}" th:id="${shopping.id}"></a></li>
				 </th:block>
				<th:block th:if="${shoppingStat.index eq 5}"> 
					<li th:id="'divLi'+${shoppingStat.index +1}" th:value="${shoppingStat.index +1}"><a th:text="${shopping.classifyName}" th:id="${shopping.id}"></a></li>
				</th:block>
				 <th:block th:if="${shoppingStat.index eq 6}">
					<li th:id="'divLi'+${shoppingStat.index +1}" th:value="${shoppingStat.index +1}"><a th:text="${shopping.classifyName}" th:id="${shopping.id}"></a></li>
				 </th:block>
				<th:block th:if="${shoppingStat.index eq 7}"> 
					<li th:id="'divLi'+${shoppingStat.index +1}" th:value="${shoppingStat.index +1}"><a th:text="${shopping.classifyName}" th:id="${shopping.id}"></a></li>
				</th:block>
			</th:block>
				<li th:id="'divLi'+${#lists.size(shoppingList)+1}" th:value="${#lists.size(shoppingList)+1}"><a>普惠商户</a></li>
		</ul>
		<a href="" class="back_top"><img th:src="@{/images/形状-999-拷贝.png}" alt="" class=""></a>
		
	</div>
	<form action="/shopping/index/getProductDateil" id="indexForm" method="post" style="display: none;">
		<input type="hidden" id="productIdFrom" name="id">
	</form>
</body>
<script type="text/javascript" th:inline="javascript">
		
		var time=null;
		var autonum=0;
		$(function(){
			/*层级效果start  */
			var top=($(window).height()-$('.float-nav').height())/2;
            var left=($('.centerbody')[0].offsetLeft-$('.float-nav').width()-30);
            $('.float-nav').css({
                'top':top+'px',
                'left':left+'px'
            });
            //改变窗口大小
			$(window).resize(function(){
			    if($(this).width()>=1901) {
                    $('body').css('overflow-x', 'hidden');
                    var top=($(window).height()-$('.float-nav').height())/2;
                    var left=($('.centerbody')[0].offsetLeft-$('.float-nav').width()-30);
                    $('.float-nav').css({
                        'top':top+'px',
                        'left':left+'px'
                    });
                }
                else if($(this).width()<1220){
                    $('body').css('overflow-x', 'auto');
                    var top=($(window).height()-$('.float-nav').height())/2;
                    var left=($('.centerbody')[0].offsetLeft-$('.float-nav').width()+100);
                    $('.float-nav').css({
                        'top':top+'px',
                        'left':left+'px'
                    });
				}else {
                    $('body').css('overflow-x', 'auto');
                    var top=($(window).height()-$('.float-nav').height())/2;
                    var left=($('.centerbody')[0].offsetLeft-$('.float-nav').width()-30);
                    $('.float-nav').css({
                        'top':top+'px',
                        'left':left+'px'
                    });
                }
			});
            //默认隐藏
			$('.float-nav').css('display','none');
            
			$(window).scroll(function(){
			    if($(this).scrollTop()>400){
//			        本地特色显示和导航栏默认显示设置
                    $('.float-nav').fadeIn(100);
                    $('.float-nav').find('li').removeClass('active');
                    $('.float-nav').find('li').eq(0).addClass('active');
//                    本地特色后楼层显示，随鼠标滑动改变
                    if($(this).scrollTop()>891){
                       $('.louceng').each(function(){
                            if($(window).height()+$(window).scrollTop() - $(this).offset().top>$(window).height()/2){
                                $('.float-nav').find('li').removeClass('active');
                                $('#divLi'+$(this).attr('value')).attr('class','active');
                            }
                        });
					}
                }
				else{
                    $('.float-nav').fadeOut(600);
				}
			});
			
            $('.float-nav').find('li').click(function(){
          		 	var t = $('#divList'+$(this).attr('value')).offset().top;
                   $('body,html').animate({"scrollTop":t},500);
                   $(this).addClass('active').siblings().removeClass('active');
            });
            //返回顶部
            $('.back_top').click(function(){
                $('body,html').animate({"scrollTop":0},500)
            })
            /* 层级效果end */
            
			$('.picbox').eq(0).css({
				opacity:1,
				zIndex:1,
			});
			$('.adbox').find('li').eq(0).css('background','#CE5343');
			// 大图滚动代码↓↓
			clock();
			function moveFun(){			
				$('.picbox').eq(autonum).stop(true,false).animate({
						opacity:1,
						zIndex:1
						},1000);
				$('.picbox').eq(autonum).siblings().stop(true,false).animate({
						opacity:0,
						zIndex:0
						},1000);
				
				$('.adbox').find('li').eq(autonum).delay(1000).css('background','#CE5343');
				$('.adbox').find('li').eq(autonum).siblings().css('background','#DFDFDF');
				autoNum();
			}
			function autoNum(){
				autonum++;
				if(autonum>$('.adbox').find('li').length){
					
					autonum=0;
				}
				return autonum;
			}
			
			function clock(){
					time=setInterval(moveFun,5000);
			}
			
			$('.adbox').find('li').hover(function(){
				var num = $(this).index();
					clearInterval(time);
					$(this).css({background:'#CE5343'});
					$(this).siblings().css({background:'#DFDFDF'});
					// console.log($('img').eq($('.adbox').find('li').index($(this))));
					$('.picbox').eq(num).stop(true,false).animate({
							opacity:1,
							zIndex:1
						},1000);
					$('.picbox').eq(num).siblings().stop(true,false).animate({
						opacity:0,
						zIndex:0
					},1000);
			},function(){
				$(this).css({background:'red'});
				$(this).siblings().css({background:'#DFDFDF'})
				autonum= $(this).index();
			})
			$('#box').hover(function(){
				clearInterval(time);
				
			},function(){
				clock();
			});
			// $('#left').click(function(){
			// 			--autonum;
			// 			if(autonum<0){
			// 				autonum=$('.adbox').find('li').length;
			// 			}
			// 			$('.picbox').eq(autonum-1).stop(true,false).animate({
			// 				opacity:1,
			// 				zIndex:1
			// 			},1000);
			// 			$('.picbox').eq(autonum-1).siblings().stop(true,false).animate({
			// 			opacity:0,
			// 			zIndex:0
			// 			},1000);
			// 			$('.adbox').find('li').eq(autonum-1).css({background:'red'});
			// 			$('.adbox').find('li').eq(autonum-1).siblings().css({background:'#DFDFDF'})
						
			// })
			// $('#right').click(function(){
			// 			++autonum;
			// 			if(autonum==$('.adbox').find('li').length){
			// 				autonum=0;
			// 			}
			// 			$('.picbox').eq(autonum-1).stop(true,false).animate({
			// 				opacity:1,
			// 				zIndex:1
			// 			},1000);
			// 			$('.picbox').eq(autonum-1).siblings().stop(true,false).animate({
			// 			opacity:0,
			// 			zIndex:0
			// 			},1000);
			// 			$('.adbox').find('li').eq(autonum-1).css({background:'red'});
			// 			$('.adbox').find('li').eq(autonum-1).siblings().css({background:'#DFDFDF'})
						
			// })
		
		});
		//商品跳转
		var onclickDateil =function (id){
			$("#productIdFrom").val(id);
			$('#indexForm').submit(); 
		};
		//退出
		var logoutUser = function(){
			layer.confirm('是否退出？', {
				 btn: ['是','否'] //按钮
				 }, function(){
					 window.location.href="/member/logout";
				});
		};
	</script>

</html>